<!-- @format -->
<!-- @format -->

<!DOCTYPE html>
<html>
  <head>
    <title>班级入口</title>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no"
    />
    <!-- 引入 FrozenUI -->
    <link
      rel="stylesheet"
      href="http://i.gtimg.cn/vipstyle/frozenui/2.0.0/css/frozen.css"
    />

    <script type="text/javascript">
      function formSubmit() {
        document.getElementById("myForm").submit();
      }
    </script>
  </head>
  <body>
    <div class="ui-form ui-border-t">
      <h1 class="title">班级入口</h1>
      <div class="ui-tooltips">
        <div class="ui-tooltips-cnt ui-border-b">
          注:本程序文件命名格式符合软件学院要求
        </div>
      </div>
      <div class="ui-form-item ui-border-b">
        <label>
          班级
        </label>
      </div>
      <div class="ui-form ui-border-t">
        <form id="myForm" action="/createclass" method="GET">
          <div class="ui-form-item ui-form-item-pure ui-border-b">
            <input
              name="classNum"
              type="text"
              placeholder="输入班号"
              maxlength="4"
              oninput="this.value=this.value.replace(/[^0-9]/g,'');"
            />
            <a href="#" class="ui-icon-close"></a>
          </div>
          <p class="ui-form-tips">输入格式:4位数字 例:1721</p>
        </form>
      </div>
      <div class="ui-btn-wrap">
        <button class="ui-btn-lg ui-btn-primary" onclick="formSubmit()">
          创建/进入班级
        </button>
      </div>
    </div>
    <section class="ui-panel ui-grid ui-grid-trisect" style="margin-top: 10px;">
      <h2 class="ui-arrowlink">
        2020.4.15更新内容
      </h2>
      <div class="ui-tooltips ui-tooltips-guide">
        <div class="ui-tooltips-cnt ui-border-b"><i></i>增加表单校验功能</div>
      </div>
      <div class="ui-tooltips ui-tooltips-guide">
        <div class="ui-tooltips-cnt ui-border-b">
          <i></i>增加预览已提交图片功能
        </div>
      </div>
      <div class="ui-tooltips ui-tooltips-guide">
        <div class="ui-tooltips-cnt ui-border-b">
          <i></i>修复网络状况不佳时提交失败情况
        </div>
      </div>
    </section>
    <div class="author">---项目作者:hu QQ:1091740788---</div>
  </body>
  <style>
    h1 {
      width: 100%;
      text-align: center;
      font-size: 26px;
      padding-top: 20px;
      padding-bottom: 20px;
      background: #fff;
    }
    .author {
      margin-top: 12px;
      text-align: center;
      font-size: small;
      color: #999999;
    }
  </style>
</html>
